import {
  createRouter,
  createWebHistory,
  RouteRecordRaw,
} from 'vue-router'
import { Dashboard } from '../layouts/dashboard'
import { Default } from '../pages/dashboard/default'
import { NotFound } from '../pages/not-found'

const routes: Readonly<RouteRecordRaw[]> = [
 { path: '/dashboard', name: 'Dashboard', component: Dashboard, children: [
    { path: '/', name: 'Default', component: Default },
  ]
 },
 { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export { router }
